<!DOCTYPE html>
<html>

<head>
       <script src="js/angular.min.js"></script>
       <link rel='stylesheet' href='css/style.css' />
       <link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
       <link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
       <script src="js/jquery-1.11.3.min.js"></script>
       <script src="js/SensoroCordova.js"></script>
       <script src="bootstrclass=" container "ap-3.3.5-dist/js/bootstrap.min.js"></script>
       <script type="text/javascript">
       function addBeacon2List(beacon) {
              console.log('addBeacon2List');
              var beaconlist = document.getElementById('beaconlist');
              var li = document.createElement('li');
              if (beacon.uuid && beacon.major && beacon.minor) {
                     li.innerHTML = beacon.uuid + '   ' + beacon.major + '   ' + beacon.minor;
              }

              // li.innerHTML = JSON.stringify(beacon);
              beaconlist.appendChild(li);
       }
       SensoroInstance.on('newbeacon', function(beacon) {
              console.log('newbeacon -- ' + JSON.stringify(beacon));
              addBeacon2List(beacon);
       });
       SensoroInstance.on('updatebeacons', function(beacons) {
              console.log('updatebeacons -- ' + JSON.stringify(beacons));
       });
       SensoroInstance.on('gonebeacon', function(beacon) {
              console.log('gonebeacon -- ' + JSON.stringify(beacon));
       });
       </script>
       <title>
              Beacon List
       </title>

       <body class="container">
              <p>2222222222</p>
              <ol class="col-md-12" id="beaconlist"></ol>
       </body>

</html>
